<template>
	<view class="container">
		<view  class="item">
			<div class="item-img">
				 <image class="img" src="../../static/choose.png" mode="aspectFill"></image>
			</div>
		   
		</view>
		<view  class="item-title"> 
			<view class="item-text">
				<image class="title" src="../../static/智能体测系统.png" mode="aspectFit"></image>
			</view>
			<view class="choose_btn">
				<button size="primary" 
					 style="margin:5px;width:100%;"
					type="primary" @click="choose_project">选择项目</button>
				<button size="primary" 
					 style="margin:5px;width:100%;"
					 type="primary" @click="putOut">导出</button>
			</view>
		  
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			async choose_project(){
				let data={
					uuid:'706655b1367b'
				}
				await this.$myRequest('/screen/init?uuid=706655b1367b','post',data).then(resp=>{
					if(resp.data=='ok'){
						uni.navigateTo({
							url:"/pages/index/choose"
						})
					}
				})
			},
			putOut(){
				uni.navigateTo({
					url:"/pages/index/history_choose"
				})
				
			},
			
		}
	}
</script>

<style>
	.container{
		height:100%;
		width:100%;
		position:fixed;
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	/* logo */
	.item-img{
		width:100%;
		display:flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height:100%;
	}
	.img{
		width:95%;
		height:95%;
	}
	.item{
		height:50%;
		width:90%;
		display:flex;
		justify-content: end;
		padding:0 20px 20px 20px;
		flex-direction: column;

	}
	.item-title{
		height:50%;
		width:90%;
		display:flex;
		/* justify-content: center; */
		padding:0 20px 20px 20px;
		flex-direction: column;
		
	}
	.item-text{
		/* width:50%; */
		dispaly:flex;
		align-items: center;
		justify-content: center;
		height:30%;
			
		
	}
	.choose_btn{
		display:flex;
		justify-content:end;
		align-items: center;
		flex-direction: column;
		/* height:40%; */
		text-align: center;
	}
	.title{
		width:100%;
		height:100%;
		
		
	}

</style>
